﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="js/esl.js"></script>
</head>
<body>
    <div id="mainMap" style="height: 500px; border: 1px solid #ccc; padding: 10px;"></div>
</body>
</html>
<script>
    require.config({
        paths: {
            echarts: './js/echarts',
            'echarts/chart/bar': './js/echarts-map',
            'echarts/chart/line': './js/echarts-map',
            'echarts/chart/map': './js/echarts-map'
        }
    });

    require(
    [
        'echarts',
        'echarts/chart/bar',
        'echarts/chart/line',
        'echarts/chart/map'
    ],
    function (ec) {
        var myChart2 = ec.init(document.getElementById('mainMap'));
        var index = 10;
        myChart2.setOption({
            timeline: {
                data: [
                    '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01',
                    { name: '2013-06-01', symbol: 'emptyStar6', symbolSize: 8 },
                    // '2013-05-01','2013-07-01', '2013-08-01', '2013-09-01', '2013-10-01', '2013-11-01',
                    { name: '2013-12-01', symbol: 'star6', symbolSize: 8 }
                ],
                label: {
                    formatter: function (s) {
                        return s.slice(0, 7);
                    }
                }
            },
            options: [
                {
                    tooltip: {
                        show: true,
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data: ['直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告', '百度', '谷歌', '必应', '其他']
                    },
                    calculable: true,
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: 80,
                            data: [
                                { value: 335, name: '直达' },
                                { value: 679, name: '营销广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: [110, 140],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1048 + index, name: '百度', },
                                { value: 251 + index, name: '谷歌' },
                                { value: 102 + index, name: '必应', },
                                { value: 147 + index++ * 2, name: '其他' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            clockWise: true,
                            startAngle: 135,
                            center: ['75%', 200],
                            radius: [80, 120],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1548 + index++ * 2, name: '搜索引擎' }
                            ],
                            markPoint: {
                                symbol: 'star',
                                data: [
                                    { name: '最大', value: 1548, x: '80%', y: 50, symbolSize: 32 }
                                ]
                            }
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: 80,
                            data: [
                                { value: 335, name: '直达' },
                                { value: 679, name: '营销广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: [110, 140],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1048 + index, name: '百度', },
                                { value: 251 + index, name: '谷歌' },
                                { value: 102 + index, name: '必应', },
                                { value: 147 + index++ * 2, name: '其他' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            clockWise: true,
                            startAngle: 135,
                            center: ['75%', 200],
                            radius: [80, 120],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1548 + index++ * 2, name: '搜索引擎' }
                            ],
                            markPoint: {
                                symbol: 'star',
                                data: [
                                    { name: '最大', value: 1548, x: '80%', y: 50, symbolSize: 32 }
                                ]
                            }
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: 80,
                            data: [
                                { value: 335, name: '直达' },
                                { value: 679, name: '营销广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: [110, 140],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1048 + index, name: '百度', },
                                { value: 251 + index, name: '谷歌' },
                                { value: 102 + index, name: '必应', },
                                { value: 147 + index++ * 2, name: '其他' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            clockWise: true,
                            startAngle: 135,
                            center: ['75%', 200],
                            radius: [80, 120],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1548 + index++ * 2, name: '搜索引擎' }
                            ],
                            markPoint: {
                                symbol: 'star',
                                data: [
                                    { name: '最大', value: 1548, x: '80%', y: 50, symbolSize: 32 }
                                ]
                            }
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: 80,
                            data: [
                                { value: 335, name: '直达' },
                                { value: 679, name: '营销广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: [110, 140],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1048 + index, name: '百度', },
                                { value: 251 + index, name: '谷歌' },
                                { value: 102 + index, name: '必应', },
                                { value: 147 + index++ * 2, name: '其他' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            clockWise: true,
                            startAngle: 135,
                            center: ['75%', 200],
                            radius: [80, 120],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1548 + index++ * 2, name: '搜索引擎' }
                            ],
                            markPoint: {
                                symbol: 'star',
                                data: [
                                    { name: '最大', value: 1548, x: '80%', y: 50, symbolSize: 32 }
                                ]
                            }
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: 80,
                            data: [
                                { value: 335, name: '直达' },
                                { value: 679, name: '营销广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: [110, 140],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1048 + index, name: '百度', },
                                { value: 251 + index, name: '谷歌' },
                                { value: 102 + index, name: '必应', },
                                { value: 147 + index++ * 2, name: '其他' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            clockWise: true,
                            startAngle: 135,
                            center: ['75%', 200],
                            radius: [80, 120],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 250 + index, name: '视频广告' },
                                { value: 2548 + index++ * 2, name: '搜索引擎' }
                            ],
                            markPoint: {
                                symbol: 'star',
                                data: [
                                    { name: '最大', value: 1548, x: '80%', y: 50, symbolSize: 32 }
                                ]
                            }
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: 80,
                            data: [
                                { value: 335, name: '直达' },
                                { value: 679, name: '营销广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            center: ['35%', 200],
                            radius: [110, 140],
                            data: [
                                { value: 335 + index, name: '直达' },
                                { value: 310 + index, name: '邮件营销' },
                                { value: 234 + index, name: '联盟广告' },
                                { value: 135 + index, name: '视频广告' },
                                { value: 1048 + index, name: '百度', },
                                { value: 251 + index, name: '谷歌' },
                                { value: 102 + index, name: '必应', },
                                { value: 147 + index++ * 2, name: '其他' }
                            ]
                        },
                        {
                            name: '访问来源',
                            type: 'pie',
                            clockWise: true,
                            startAngle: 135,
                            center: ['75%', 200],
                            radius: [80, 120],
                            data: [
                               { value: 535 + index, name: '直达' },
                                { value: 510 + index, name: '邮件营销' },
                                { value: 334 + index, name: '联盟广告' },
                                { value: 335 + index, name: '视频广告' },
                                { value: 3548 , name: '搜索引擎' }
                            ],
                            markPoint: {
                                symbol: 'star',
                                data: [
                                    { name: '最大', value: 1548, x: '80%', y: 50, symbolSize: 32 }
                                ]
                            }
                        }
                    ]
                }
            ],

        });
    }
    );
</script>
